সিএসএস ইনলাইন ব্লক (CSS Inline-block)

Web Development - সিএসএস (CSS) - সিএসএস ব্যাসিক(CSS Basic) | NCTB BOOK

display: inline-block;

দীর্ঘ সময় ধরে float প্রোপার্টি ব্যবহার করে গ্রিড(gird) বক্স তৈরি করা হতো, ব্রাউজার রিসাইজ করলে যা ব্রাউজারের সম্পূর্ণ প্রস্থ দখল করে এবং কন্টেন্টসমূহকে সুন্দরভাবে মুড়িয়ে(wrapping) ফেলে।

যাইহোক display: inline-block; ব্যবহার করে এই কাজ আরো সহজে করা সম্ভব।

Inline-block এলিমেন্ট ইনলাইন এলিমেন্ট এর মতই, কিন্তু inline-block এর ক্ষেত্রে নির্দিষ্ট প্রস্থ এবং উচ্চতা থাকতে পারে।


float-ব্যবহারের পূর্বের পদ্ধতি

 

kt_satt_skill_example_id=823


inline-block এর নতুন ব্যবহার পদ্ধতি

নিচের উদাহরণে লক্ষ্য করুন, ফ্লোটিং বক্সে display:inline-block ব্যবহার করা হয়েছে ফলে পরের ফ্লোটিং এর জন্য clear প্রোপার্টি ব্যবহারের প্রয়োজন হয়নি।

kt_satt_skill_example_id=824


 

Content added By
Promotion